<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../public/reset.css">
    <link rel="stylesheet" href="css/shopping.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <script src="../public/js/jquery.js"></script>
</head>
<body>
    <div class="nav-box"></div>
    <div class="nav-box2"></div>
    <div class="base">
        <div class="list bp">
            <p class="list-top bpt">
                <span>热门商品</span>
            </p>
           <div class="list-bottom bpb">
                <i class="iconfont">&#xe78d;</i>
                <p>您的购物车中还没有商品</p>
                <span><a href="">现在选购</a></span>
           </div>
        </div>
        <div class="cm bp">
            <p class="cm bpt">
                <span>热门商品</span>
            </p>
            <div class="cm bpb">
                <div class="one">
                    <a href=""><img src="images/shopping1.jpg" alt=""></a>
                    <h2>坚果R2</h2>
                    <span>是下一代手机，更是下一代电脑</span>
                    <span>￥4,299.00</span>
                </div>
                <div class="two">
                    <a href=""><img src="images/shopping2.jpg" alt=""></a>
                    <h2>Smartisan TNT 大满足套装</h2>
                    <span>下一代手机，下一代电脑</span>
                    <span>￥6,499.00</span>
                </div>
                <div class="three">
                    <a href=""><img src="images/shopping3.jpg" alt=""></a>
                    <h2>2020年足迹系列卫衣 人类首次突破音速</h2>
                    <span>精心剪裁、版型百搭、舒适服帖、易于打理</span>
                    <span>￥249.00</span>
                </div>
                <div class="four">
                    <a href=""><img src="images/shopping4.png" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="five">
                    <a href=""><img src="images/shopping5.jpg" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="six">
                    <a href=""><img src="images/shopping6.jpg" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="seven">
                    <a href=""><img src="images/shopping7.jpg" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>
                <div class="eight">
                    <a href=""><img src="images/shopping8.jpg" alt=""></a>
                    <h2>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h2>
                    <span>抖音文创限量版</span>
                    <span>￥259.00</span>
                </div>

            </div>
        </div>
    </div>
    <div class="footer-box"></div>
</body>
<script>
    $(".nav-box").load("../public/public.html .nav",function(){
        
    });
    $(".nav-box2").load("../public/public.html .nav2",function(){
        
    });
    $(".footer-box").load("../public/public.html .footer",function(){
        
    });
</script>
</html>